<template>
  <div>
    <iframe :src="path" width="100%" height="500px"></iframe>
  </div>
</template>

<script setup name="Html2vue">
import { ref,onMounted } from "vue";
const path = ref();
const currentPath = window.location.hash.slice(1);
console.log(window.location.pathname, currentPath, "currentPath");

onMounted(() => {
  if (currentPath === '/payment') {
    path.value = "/public/payment.html";
  }
});
</script>

<style scoped>
iframe {
  border: none;
  width: 100vw;
  height: 100vh;
}
</style>
